<template>
	<view class="myWithdrawalResult">
		<view class="public-nav">
			<view class="public-nav-fixed">
				<view class="public-nav-top" style="background-color: #1989FA;color: #FFF;">
					<view class="public-nav-top-status-bar" :style="{ height: systemInfo.statusBarHeight + 'px' }">
					</view>
					<view class="public-nav-top-navbar-inner" :style="{ height: navHeight + 'px', lineHeight:navHeight+'px' }">
						<text class="iconfont iconarrow_left-copy" @click="returnClick"></text>
						<view>支付管理</view>
					</view>
				</view>
			</view>
			<view class="public-nav-placeholder" :style="{ height:Number(navHeight)+ Number(systemInfo.statusBarHeight) + 'px' }">
			</view>
		</view>
		<view class="myWithdrawalResult-time">
			<u-time-line>
					<u-time-line-item >
						<template v-slot:node>
							<view class="myWithdrawalResult-time-round">
							</view>
						</template>
						<template v-slot:content>
							<view style="margin-bottom: 30rpx;">
								<view style="margin-bottom: 20rpx;">
									发起提现申请
								</view>
								<view class="">
									{{str.ORMTB421CA05||''}}
								</view>
							</view>
						</template>
					</u-time-line-item>
					<u-time-line-item>
						<template v-slot:node>
							<text class="iconfont iconshike" ></text>
						</template>
						<template v-slot:content>
							<view style="font-size: 36rpx;margin-bottom: 30rpx;">
								审核中
							</view>
						</template>
					</u-time-line-item>
					<u-time-line-item>
						<template v-slot:content>
							<view>
								到账成功
							</view>
						</template>
					</u-time-line-item>
			</u-time-line>
		</view>
		<view class="myWithdrawalResult-content">
			<view class="myWithdrawalResult-li">
				<view class="">
					提现金额
				</view>
				<view class="">
					￥{{str.ORMTB421CA02||''}}
				</view>
			</view>
			<view class="myWithdrawalResult-li">
				<view class="">
					到账账户
				</view>
				<view class="">
					{{str.ORMTB421CA11||''}}<text>尾号{{str.ORMTB421CA12Text||''}}</text>
				</view>
			</view>
		</view>
		<view class="myWithdrawalResult-btn" @click="returnClick">
			完成
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return {
				background: {
					backgroundColor: '#1989FA',
				},
				navHeight:'',
				systemInfo:uni.getSystemInfoSync(),
				str:''
			}
		},
		onLoad(option) {
			this.str=JSON.parse(option.str)
			this.str.ORMTB421CA12Text=this.str.ORMTB421CA12.substring(this.str.ORMTB421CA12.length-4)
		},
		onShow:function(){
			this.systemInfo=uni.getSystemInfoSync()
			this.navHeight=this.systemInfo.platform == 'ios' ? 44 : 48;
		},
		methods:{
			returnClick(){
				uni.navigateBack({
					delta:2
				})
			}
		}
	}
</script>

<style scoped>
	.myWithdrawalResult-time{
		padding: 60rpx 60rpx 60rpx 160rpx;
	}
	.myWithdrawalResult-time-round{
		width: 20rpx;
		height: 20rpx;
		border-radius: 50%;
		background-color: #1989FA;
	}
	.myWithdrawalResult-content{
		margin: 0 40rpx;
		padding-top: 20rpx;
		border-top: 2rpx solid #e3e3e3;
	}
	.myWithdrawalResult-li{
		height: 50rpx;
		line-height: 50rpx;
		display: flex;
		justify-content: space-between;
		font-size: 26rpx;
		color: #999;
	}
	.myWithdrawalResult-li view:last-child{
		color: #333;
	}
	.myWithdrawalResult-li>view>text{
		margin-left: 10rpx;
	}
	.myWithdrawalResult-btn{
		width: 350rpx;
		height: 60rpx;
		line-height: 60rpx;
		margin: 350rpx auto 0;
		border-radius: 10rpx;
		text-align: center;
		color: #00ca62;
		font-size: 28rpx;
		background-color: #E3E3E3;
	}
	.myWithdrawalResult .iconshike{
		color: #1989FA;
		font-size: 36rpx!important;
	}
</style>
